<template>
  <router-view ref="page" />
</template>

<script>
// import PageLayout from "./PageLayout";
// import PageToggleTransition from "../components/transition/PageToggleTransition";
import { mapState } from "vuex";

export default {
  name: "PageView",
  components: {},
  data() {
    return {
      page: {},
    };
  },
  computed: {
    ...mapState("setting", ["isMobile", "multiPage", "animate"]),
    desc() {
      return this.page.desc;
    },
    linkList() {
      return this.page.linkList;
    },
    extraImage() {
      return this.page.extraImage;
    },
  },
  mounted() {
    this.page = this.$refs.page;
  },
  updated() {
    this.page = this.$refs.page;
  },
};
</script>

<style lang="less" scoped>
.extraImg {
  margin-top: -60px;
  text-align: center;
  width: 195px;
  img {
    width: 100%;
  }
}
</style>
